﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example13.aspx.cs" Inherits="Chapter18.Example13" %>

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代码清单 18-13 选择必需和可选的 input 元素</title>
    <style type="text/css">
        :required {
            outline: thin solid green;
        }

        :optional {
            outline: thin solid red;
        }
    </style>
</head>
<body>
    <form method="post" action="http://titan:8080/form">
        <p>
            <label for="price1">
                $ per unit your area:
                <input type="number" value="1" min="0" max="100" name="price1" id="price1" required="required" />
            </label>
        </p>
        <p>
            <label for="price2">
                $ per unit your area:
                <input type="number" value="1" min="0" max="100" name="price2" id="price2"/>
            </label>
        </p>
        <button type="submit">Submit Vote</button>
    </form>
</body>
</html>
